// 页样式
import '../../scss/search.scss'
// 全局样式
import '../../scss/flycran.scss'
// 头部
import '../../scss/header.scss'
// 文章列表
import '../../scss/article-list.scss'
// 子窗口
import '../../scss/childwin.scss'
// 调色板
import '../../scss/palette.scss'
// 滚动条
import '../../scss/scroll-bar.scss'
// 侧边栏
import '../../scss/sidebar.scss'
// 字体图标
import "../../fonts/iconfont.css"
// 数字字体
import "../../css/fc-number.css"

const search = {}
decodeURI(location.search).slice(1).split('&').forEach(a => {
    const b = a.split('=')
    search[b[0]] = b[1]
})
if (search.kw) document.getElementsByTagName('title')[0].innerText = 'Flycran-' + search.kw + '的搜索结果'

import { touch } from '../tool/tool.js'
import { flysel } from '../plugin/flysel.js'


/**滚动条 */
import { upBar, init } from '../tool/scroll-bar.js'
if (!touch) {
    init(1000)
    upBar()
}

/**顶部导航 */
import '../tool/header.js';

/**文章列表 */
import '../tool/article-list.js'

const type = search.type || '文章'
flysel(`.classif-nav>ul>li[name="${type}"]`).activeClass('active')
flysel('#search-kw').value = search.kw || ''

const pni = flysel('#page-num-input')
pni.on('input', (e) => {
    if (e.data || pni.value) {
        if (/^\d+$/.test(e.data)) {
            return
        }
        if (/^[\d ]+$/.test(pni.value)) {
            pni.value = pni.value.replace(/ /g, '')
            return
        }
        pni.value = pni.value.slice(0, -e.data.length)
    }
})

const list = flysel('.article-list-box')

const 时间 = new Date
list.template([
    {
        标题: "No.1",
        描述: 'm1',
        封面: 'efff11656ba58d65b458d5924e8e7d83.jpeg',
        标签: ['js', 'NO.1'],
        时间
    },
    {
        标题: "No.2",
        描述: 'm2',
        封面: 'efff11656ba58d65b458d5924e8e7d83.jpeg',
        标签: ['js', 'NO.2'],
        时间
    },
    {
        标题: "No.3",
        描述: 'm3',
        封面: 'efff11656ba58d65b458d5924e8e7d83.jpeg',
        标签: ['js', 'NO.3'],
        时间
    },
    {
        标题: "No.4",
        描述: 'm4',
        封面: 'efff11656ba58d65b458d5924e8e7d83.jpeg',
        标签: ['js', 'NO.4'],
        时间
    },
    {
        标题: "No.5",
        描述: 'm5',
        封面: 'efff11656ba58d65b458d5924e8e7d83.jpeg',
        标签: ['js', 'NO.5'],
        时间
    },
])

/**load */
flysel.html.attr('support-import', true)